<wide-header-page title="{{'Wallet Name' | translate}}">
  <div page-content>
    <ion-list class="settings-list bp-list">
      <div class="settings-explanation">
        <div class="settings-heading" translate>What do you call this wallet?</div>
        <div class="settings-description">
          {{description}}
        </div>
      </div>
      <form [formGroup]="walletNameForm">
        <ion-item>
          <ion-label stacked>{{'Name' | translate}}</ion-label>
          <ion-input type="text" formControlName="walletName" [value]="walletNameForm.value.walletName" required></ion-input>
        </ion-item>
        <button ion-button class="button-standard" (click)="save()" [disabled]="!walletNameForm.valid">
          {{'Save' | translate}}
        </button>
      </form>
    </ion-list>
  </div>
</wide-header-page>